<template>
    <div>
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.id" :to="{ path: item.path }">
                <block :style="item.style || { fontSize: 'medium' }">{{ item.label }}</block>
            </el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
<script>

export default {
    components: {

    },
    props: {
        breadcrumbList: {
            type: Array,
            default: () => []
        }
    },
    data() {
        return {

        };
    },
    mounted() {

    },
    methods: {

    }
};
</script>
<style lang="scss" scoped></style>